<template>
  <div>
    <div class="header">
      <h4>常用功能</h4>
    </div>
    <div class="content">
      <div class="item">
        <img src="../../../assets/kd.png" alt="">
        <p>快递作业</p>
      </div>
      <div class="item">
        <img src="../../../assets/ys.png" alt="">
        <p>运输任务</p>
      </div>
      <div class="item">
        <img src="../../../assets/lx.png" alt="">
        <p>线路管理</p>
      </div>
      <div class="item">
        <img src="../../../assets/cl.png" alt="">
        <p>车辆管理</p>
      </div>
      <div class="item">
        <img src="../../../assets/sj.png" alt="">
        <p>司机管理</p>
      </div>
      <div class="item">
        <img src="../../../assets/yf.png" alt="">
        <p>运费管理</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>

.header{
    h4{
        margin: 0;
    }
    display: flex;
    justify-content: space-between;
    .time{
    font-size: 14px;
    color: #818693;
    display: flex;
    -webkit-box-align: center;
    cursor: pointer;
    }
}
.content{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;

    .item{
        background-color: #fafafb;
        height: 116px;
        width: 15%;
        text-align: center;
        cursor: pointer;
    img{
        width: 40px;
        height: 40px;
    }
    p{
        margin: 16px 0;
        font-size: 16px;
    color: #20232a;
    font-weight: 700;
    &:hover{
        color: #e15536;
    }
    }
}
}

</style>
